13_newtool

R part

Reading layer `K4polg20230101gf_ch2007Poly' from data source 
  `C:\Users\VIDONNE\Documents\life\13_newtool\input\K4polg20230101gf_ch2007Poly.shp' 
  using driver `ESRI Shapefile'
Simple feature collection with 2136 features and 2 fields
Geometry type: MULTIPOLYGON
Dimension:     XY
Bounding box:  xmin: 2485203 ymin: 1075283 xmax: 2834035 ymax: 1295864
Projected CRS: CH1903+ / LV95

Reading layer `K4suis18480101gf_ch2007Poly' from data source 
  `C:\Users\VIDONNE\Documents\life\13_newtool\input\K4suis18480101gf_ch2007Poly.shp' 
  using driver `ESRI Shapefile'
Simple feature collection with 1 feature and 2 fields
Geometry type: MULTIPOLYGON
Dimension:     XY
Bounding box:  xmin: 2485203 ymin: 1075283 xmax: 2834035 ymax: 1295864
Projected CRS: CH1903+ / LV95

Observable part

d3 = require("d3@7", "d3-geo-projection@4")
bertin = require('bertin@latest')

pop_spike = JSON.parse(pop_str)
country = JSON.parse(adm0_str)
proj = "+proj=somerc +lat_0=46.9524055555556 +lon_0=7.43958333333333 +k_0=1 +x_0=2600000 +y_0=1200000 +ellps=bessel +towgs84=674.374,15.056,405.346,0,0,0,0 +units=m +no_defs +type=crs"

bertin.draw({
  params: { 
    projection: proj,
    margin: 15,
   },
  layers: [
    {
      type: "header",
      text: "Population Density in Switzerland",
      fill: "#222222",
      anchor: "left",
      fontSize: 40,
    },
    {
      type: "text",
      text: "The New Tool Way, Spikes with Bertin.js",
      position: "topleft",
      fill: "#444444",
      fontSize: 24,
      fontStyle: "italic",
      margin: 0,
      frame_fill: "#FFFFFF"
    },
    {
      type: "footer",
      text: "Data: BFS · Map: Cédric Vidonne · #30DayMapChallenge",
      anchor: "left",
      fill: "#666666",
      fontSize: 16,
    },
    {
      type: "layer",
      geojson: country,
      fill: "#000000",
      fillOpacity: 0.1,
      stroke: "none"
    },
    {
      type: "spikes",
      geojson: pop_spike,
      values: "value",
      fill: "#f26829",
      fillOpacity: 0.2,
      stroke: "#f26829",
      k: 100,
      w: 8,
      leg_x: 20,
      leg_y: 50,
      leg_fontSize: 14,
      leg_fontSize2: 12,
      leg_round: 0,
      leg_title: `Inhabitants
      by km²`
    },
    // { type: "graticule" },
    // { type: "outline" }
  ]
})